@import '../../theme';
@import '../../base/mixins';
@import '../layout/mini-post';

html {
    line-height: 1.5;
    font-family: $font-family;
    font-weight: 400;
    color: #333;
}


body {
    @media screen and (min-width: $mq-desktop) {
        .page__posts {
            margin-top: -2 * $pad;
            margin-right: -2 * $pad;
        }

        .page__post {
            width: 393px;
        }
    }

    @media screen and (min-width: $mq-desktop--wide) {
        .page__post {
            width: 393px;
        }
    }
}

.page__posts {
    margin-top: -2 * $pad;
    margin-right: 0;
}

.page__post {
    float: left;
    width: 100%;
    margin-top: 2 * $pad;
    margin-right: 2 * $pad;
}